<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #tab {
            height: 400px;
        }
    </style>
</head>
<body>
    <h1>Vue.js</h1>
    <hr>
    <p1>Vue是一套用于构建用户界面的渐进式JavaScript框架。与其他大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链级各种支持类库结合使用时，Vue也能完全为复杂的单页应用（SPA）提供驱动。[1]</p1>
    <br>
    <img src="./image/image3.png" alt="图片路径错误" width="300"
    <br>
    <h2>1.主要功能</h2>
    <p1>Vue.js的目标是通过尽可能简单的API实现相应的数据绑定和组合的视图组件</p1>
    <br>
    <br><p2>Vue.js自身不是一个全年框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其他库或者已有项目整合。另一方面，在与相关工具和支持库一起使用时，Vue也能驱动复杂的单页应用。</p2>
    <h2>2.特点</h2>
    <h3>(1)易用</h3>
    <p1>在有HTML,CSS,Javascript的基础上，快速上手。</p1>
    <h3>(2)灵活</h3>
    <p1>简单小巧的核心，渐进式技术栈，足以应付任何规模的应用。</p1>
    <h3>(3)性能</h3>
    <p1>20Kb min+gzip运行大小、超快虚拟DOM、最省心的优化。</p1>
    <h2>3.结构</h2>
    <table border="1" id="tab">
        <tr>
            <td>目录/文件</td>
            <td>说明</td>
        </tr>
        <tr>
            <td>build</td>
            <td>项目建构（webpack）相关代码</td>
        </tr>
        <tr>
            <td>config件</td>
            <td>配置目录、包括端口等。我们初学可以使用默认的。</td>
        </tr>
        <tr>
            <td>node_modules</td>
            <td>npm加载的项目依赖模块</td>
        </tr>
        <tr>
            <td>src</td>
            <td>包含了几个目录及文件</td>
        </tr>
        <tr>
            <td>static</td>
            <td>静态资源目录，如图片、字体等</td>
        </tr>
        <tr>
            <td>xxx文件</td>
            <td>这些是配置文件，包括语法配置、git配置等</td>
        </tr>
        <tr>
            <td>index.html</td>
            <td>首页入口文件 可以添加meta信息或统计代码啥的</td>
        </tr>
        <tr>
            <td>package.json</td>
            <td>项目配置文件</td>
        </tr>
        <tr>
            <td>README.md</td>
            <td>项目说明文档，markdown格式</td>
        </tr>
    </table>
    <h2>4.参考</h2>
    <p1>Vue.js的API是参考了AngularJS、KnockoutJS、Reactive.js、Rivets.js。</p1><br>
    <br>
    <p2>Vue.js的API的对于其他框架的参考不仅是参考，其中也包含了许多Vue.js的独特功能。</p2>
</body>
</html>